<template>
  <div class="crumbbox">
    <template v-for="(item,index) in arr">
      <a href="#" :key="index">{{item.name}}</a>
      <i v-if="index<arr.length-1"> / </i>
    </template>
  </div>
</template>

<script>
export default {
  props:['arr'],
}
</script>

<style lang='less' scoped>
.crumbbox{
  line-height: 30px;
}
a{
  text-decoration: none;
  color: black;
}
</style>